body, html .demo, p {
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-size: 16px;
}

a, button, input, img {
    outline: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color: transparent

}

ul {
    padding: 0;
    margin: 0;
}

.demo {
    height: 100%;
    width: 100%;
    display: none;
}

#disk {
    height: 100%;
    width: 100%;
    position: absolute;
}

#start {
    /*left: 39%;*/
    /*position: absolute;*/
    /*bottom: 33%;*/
    /*width: 200px;*/

    /*width: 200px; *!*/
    /*left: 38.2%;*/
    /*position: absolute;*/
    /*bottom: 29.7%;*/
    /*width: 22%;*/

    /*left: 39%;*/
    /*position: absolute;*/
    /*top: 52.5%;*/


}
.start{
    width: 22%;
    position: absolute;
    LEFT: 40.5%;
    Z-INDEX: 6;
    top:16.5%;
}


#start img {
    cursor: pointer;
    /*position: absolute;*/
    /*bottom: -13%;*/
    width: 90%;
    /*left: 8%;*/
}

.sel-intro {
    position: absolute;
    width: 50%;
    height: 100px;
    bottom: 2.5%;
    left: 25%;
    z-index: 7;
}

.intro {
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
}

.intro img {
    width: 100%;;
}

.close {
    position: absolute;
    top: 11%;
    right: 8%;
    width: 65px;
    height: 65px;
}

.alert {
    /*position: relative;*/
    /*top: 27%;*/
    width: 100%;
}

.al-img {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 30%;
    z-index: 7;
}

.al-img img {
    width: 100%;
}

.tishi {
    /*width: 100%;*/
    /*position: absolute;*/
    /*top: 43%;*/
    /*font-size: 2.1rem;*/
    /*font-family: "黑体";*/
    /*font-weight: bold;*/
    /*color: #fa0001;*/
    /*text-align: center;*/
    /*z-index: 7;*/
}

.content {
    /*position: absolute;*/
    /*top: 50%;*/
    /*font-size: 1.3rem;*/
    /*text-align: center;*/
    /*!* font-family: "黑体"; *!*/
    /*width: 100%;*/
    /*color: #7e0b00;*/
    /*font-weight: bolder;*/
    /*z-index: 7;*/
}

.al-href {
    /*display: block;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*position: absolute;*/
    /*font-size: 1.2rem;*/
    /*!* font-family: "黑体"; *!*/
    /*top: 63%;*/
    /*color: #511300;*/
    /*font-weight: bolder;*/
    /*z-index: 7;*/
}

.p-list {
    position: absolute;
    height: 35px;
    text-align: center;
    top: 30.5%;
    font-size: 0.9rem;
    overflow: hidden;
    background-color: #fede5b;
    width: 80%;
    left: 10%;
    border-radius: 5px;
}

.p-list li {
    list-style: none;
    height: 35px;
    line-height: 35px;
    color: #7d7d7d;
}

.err-desc {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 0.8rem;
    /* font-family: "黑体"; */
    bottom: 23%;
    color: #f4fe02;
    font-weight: bolder;
}

.error .success {
    display: none;
}

.err-href {
    width: 60%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #f70000;
    background-color: #ffdc16;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    border: 2px solid #5b1903;
    position: absolute;
    bottom: 12%;
    text-decoration: underline;
    left: 20%;
}

.w-info {
    display: block;
    width: 70%;
    height: 50px;
    position: absolute;
    bottom: 25%;
    left: 15%;
    z-index: 7;
}

.d-close {
    display: block;
    width: 70%;
    height: 65px;
    position: absolute;
    bottom: 30%;
    left: 15%;
    z-index: 7;
}

.loading {
    width: 100%;
    height: 100%;
    position: relative;
}

.load {
    position: absolute;
    top: 0%;
    width: 100%;
    z-index: 5;
    left: 0%;
}

.load img {
    width: 100%;
}

.red {
    position: absolute;
    top: 35%;
    width: 35%;
    left: 0%;
    background-color: red;
    height: 180px;
    z-index: 3;
}

.ready {
    position: absolute;
    top: 53%;
    z-index: 6;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 0.9rem;
}

.prize {
    width: 100%;
    height: 100%;
}

.p-content {
    /*position: absolute;*/
    /*top: 21%;*/
    /*left: 17%;*/
    /*width: 65%;*/
    /*text-align: center;*/
}

.p-photo img {
    width: 80%;
    -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left 140%, from(transparent), color-stop(0.5, transparent), to(white));
}

.p-title {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #f8ff04;
    position: absolute;
    top: 22%;
    left: 17%;
    width: 65%;
    text-align: center;
}

.p-way {
    width: 70%;
    font-weight: bold;
    font-size: 0.9rem;
    position: absolute;
    bottom: 23%;
    left: 15%;
}

.p-way td {
    vertical-align: top;
}

.p-way td:first-child {
    text-align: right;
    vertical-align: top;
    width: 35%;
}

.p-photo {
    width: 70%;
    font-weight: bold;
    font-size: 0.95rem;
    position: absolute;
    bottom: 52%;
    left: 23%;
}

.p-photo5{
    bottom: 44%;
    left:20%;
}
.p-photo2{
    bottom: 50%;
    left: 30%;
}
.p-photo3{
    bottom: 50%;
    left: 22%;
}
.p-photo4{
    bottom: 50%;
    left: 40%;

}
.l-photo1{
    bottom: 55%;
}
.l-photo4{
    left: 40%;
    bottom: 50%;
}
.l-photo3{
    width: 50%;
    bottom: 52%;
    left: 30%;
}
.l-photo2{    width: 60%;
    font-weight: bold;
    font-size: 0.95rem;
    position: absolute;
    bottom: 50%;
    left: 35%;

}
.l-photo5{
    width: 50%;
    font-weight: bold;
    font-size: 0.95rem;
    position: absolute;
    bottom: 50%;
    left: 25%;
}

.p-photo .pimg1 {
    width: 80%;
    margin-top: 10%;
}

.p-photo .pimg2, .p-photo .pimg4 {
    width: 35%;
}

.p-photo .pimg5 {
    width: 90%;
}

.p-photo .pimg3 {
    width: 80%;
}

.p-sub {
    position: absolute;
    bottom: 15%;
    color: #ad0e00;
    font-weight: bold;
    display: block;
    width: 60%;
    left: 20%;
    height: 30px;
    line-height: 30px;
    background-color: #ffdc16;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #5b1903;
}

ul {
    padding: 0;
    margin: 0;
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;

    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("") no-repeat scroll right center transparent;
    border: 0;
    font-size: 0.9rem;
    width: 90%;
    color: 7 d7d7d;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

input, select {
    border: 0;
    outline: none;
    font-size: 0.9rem;
    color: #7d7d7d;
}


.title {
    top: 23%;
    position: relative;
    width: 100%;
}

.title p {
    font-size: 1rem;
    text-align: center;
    color: #480000;
    font-weight: bold;
}

.area {
    width: 100%;
    /* margin-left: 31%; */
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin-bottom: 6%;

}

.province {

    /*position: relative;*/
    /*width: 19%;*/
    /*height: 4%;*/
    /*overflow-x: hidden;*/
    /*float: left;*/
    /*margin-left: 31%;*/

    width: 48%;
    background-color: #fff;
    float: left;
    height: 100%;
    margin-right: 4%;
    border-radius: 5px;
}

.city {
    /*position: relative;*/
    /*width: 19%;*/
    /*height: 4%;*/
    /*overflow-x: hidden;*/
    /*float: left;*/
    /*margin-left: 13%;*/

    width: 48%;
    float: left;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
}

.position {
    /*margin-top: 19%;*/
    /*position: relative;*/
    /*width: 54%;*/
    /*margin-left: 31%;*/
    /*height: 4%;*/
    /*overflow-x: hidden;*/
}

.type {
    /*margin-top: 7%;*/
    /*position: relative;*/
    /*width: 54%;*/
    /*margin-left: 31%;*/
    /*height: 4%;*/
    /*overflow-x: hidden;*/
}

.position select, .type select, .time select {
    width: 80%;
}

.time {
    /*margin-top: 6.5%;*/
    /*position: relative;*/
    /*width: 50%;*/
    /*margin-left: 31%;*/
    /*height: 4%;*/
    /*overflow-x: hidden;*/
}

.submit {
    margin-top: 10%;
    position: relative;
    width: 45%;
    margin-left: 25%;
    height: 9%;
    overflow-x: hidden;
}

.info-error {
    position: relative;
    bottom: 30%;
    text-align: center;
    display: none;
    z-index: 5;
}

.info-error img {
    width: 70%;
}

.info-error p {
    font-size: 1.5rem;
    position: absolute;
    top: 35%;
    text-align: center;
    width: 100%;
    color: #fff100;
}

.in-close {
    position: absolute;
    top: 3%;
    width: 60px;
    height: 60px;
    left: 65%;
}

#form {
    position: relative;
    top: 25%;
    width: 60%;
    left: 20%;
}

.label img {
    width: 12%;
    vertical-align: middle;
    margin: 0 2%;
}

.info-div {
    width: 100%;
    /* margin-left: 31%; */

    background-color: #fff;

    border-radius: 5px;

}

.area select {
    width: 55%;
    height: 80%;
}

@media screen and (max-width: 415px) {
    .info-div {
        margin-bottom: 10px;
        height: 45px;
        line-height: 45px;
    }
}

@media screen and (max-width: 376px) {
    .info-div {
        margin-bottom: 5px;
        height: 40px;
        line-height: 40px;
    }
    .area {
        width: 100%;
        /* margin-left: 31%; */
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin-bottom: 5px;

    }


}
@media screen and (min-width: 415px) {
    .info-div {
        margin-bottom: 5px;
        height: 40px;
        line-height: 40px;
    }
    .area {
        width: 100%;
        /* margin-left: 31%; */
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin-bottom: 5px;

    }


}

@media screen and (max-width: 321px) {
    .info-div {
        margin-bottom: 3px;
        height: 35px;
        line-height: 35px;

    }
    .area {
        width: 100%;
        /* margin-left: 31%; */
        height: 35px;
        line-height: 35px;
        border-radius: 5px;
        margin-bottom: 3px;

    }
}

.info-div input, .info-div select {
    height: 80%;
    width: 80%;
}



.time,.shop,.type,.position{
    background: url(/images/xia.png) no-repeat 90% 55%;
    background-size: 7%;
    background-color: #fff;
}
.province,.city{
    background: url(/images/xia.png) no-repeat 90% 55%;
    background-size: 15%;
    background-color: #fff;
}
.hand{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 5;
    left: 0;
}
.table{
    position: relative;
    width: 100%;
    top: 37%;
    HEIGHT: 100%;
}
.turn{
    width: 80%;
    position: absolute;
    left: 10%;
}
.start1{
    width: 20%;
    position: absolute;
    LEFT: 41.5%;
    Z-INDEX: 6;
    top: 15.5%;
}
.turn1 {
    width: 70%;
    position: absolute;
    left: 15%;
}
.table1{
    top:38%;
}

.success{
    position: absolute;
    z-index: 8;
    top: 20%;
    width: 100%;
    background: url(/images/alert.png) no-repeat 0 0;
    height: 50%;
    background-size: 100%;
}
.tishi{
    width: 100%;
     position: absolute;
    /* top: 43%; */
    /*margin-top: 60px;*/
    font-size: 2.1rem;
    font-family: "黑体";
    font-weight: bold;
    color: #fa0001;
    text-align: center;
    z-index: 7;
}

.content{
    position: absolute;
    /*top: 50%;*/
    font-size: 1.3rem;
    text-align: center;
    /* font-family: "黑体"; */
    width: 100%;
    color: #7e0b00;
    font-weight: bolder;
    z-index: 7;
}

.al-href {
    position: absolute;
top: 50%;
font-size: 1.3rem;
text-align: center;
/* font-family: "黑体"; */
width: 100%;
color: #7e0b00;
font-weight: bolder;
z-index: 7;
}